<div class="animated-banner">
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/75ec2d45ce8c942a1f7379d4641171da4d90ab0d.png@1c.webp"
            data-height="300" data-width="3200" height="167" width="1783"
            style="height: 167.226px; width: 1783.74px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/286eb259a60a0eabfcde96d7ea92d239fe68b3fe.png@1c.webp"
            data-height="300" data-width="3200" height="164" width="1750"
            style="height: 164.129px; width: 1750.71px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/782d55aeca6cc75f51d2d630005f514a61a0ddfa.png@1c.webp"
            data-height="300" data-width="3200" height="170" width="1816"
            style="height: 170.323px; width: 1816.77px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/d6c941cf2d5fc6c717173f7e3f166dbc444aa15b.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/27e411d92729604aa594858beb5130ed60aad76d.png@1c.webp"
            data-height="300" data-width="3200" height="170" width="1816"
            style="height: 170.323px; width: 1816.77px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/09d0855b6b6d6965e8f02404777986237848c6c9.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/40878bbef514e2d4bf5d660fe1145c869567bec2.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/42485baddbca05d2c4c7710a0b76b74d303e06d7.png@1c.webp"
            data-height="300" data-width="3200" height="167" width="1783"
            style="height: 167.226px; width: 1783.74px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/8ea0e95a8e5fc85ae227810925dba1ace1e9fcba.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/c13ca9c6405c71bf864ed2bc421680cb437f45ef.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/a43c6833d262301373234ffbd6934559d2ce7fb2.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/ce8c5e45230a6d3805baf60f5916f1cd441aac8e.png@1c.webp"
            data-height="300" data-width="3200" height="167" width="1783"
            style="height: 167.226px; width: 1783.74px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/cbf19f3682dfb02e62557d07fefaf241a80296a1.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><video loop="" src="blob:https://www.bilibili.com/68601986-f185-4fb8-9b96-5359c821be86"
            playsinline="" width="103" height="258"
            style="object-fit: cover; height: 258.065px; width: 103.226px; transform: translate(516.129px, 0px) rotate(0deg) scale(1); opacity: 1;"
            data-height="500" data-width="200"></video></div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/7998ca9f0bc267375fb7b45f75626d96806f94d7.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/198efffbc58493300854c04ab0ea8d979a6f9223.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/142a486b8dd500a626a60b68ad993af8dabc8b55.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(0px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/bb6266e1525a51f7920fc8881e47cadeee271b0c.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(107.355px, 0px) rotate(0deg) scale(1); opacity: 1;">
    </div>
    <div class="layer"><img src="https://i0.hdslb.com/bfs/vc/cd68251cde11936871237ca94360acb451bf7ed2.png@1c.webp"
            data-height="300" data-width="3200" height="161" width="1717"
            style="height: 161.032px; width: 1717.68px; transform: translate(-107.355px, 0px) rotate(0deg) scale(1); opacity: 0.5;">
    </div>
    <div class="layer"><video loop="" src="blob:https://www.bilibili.com/f1550ec0-3f1e-48fe-a4b0-4d8c630a3cd6"
            playsinline="" width="111" height="278"
            style="object-fit: cover; height: 278.71px; width: 111.484px; transform: translate(222.968px, 0px) rotate(0deg) scale(1); opacity: 1;"
            data-height="500" data-width="200"></video></div>
    <div class="layer"><video loop="" src="blob:https://www.bilibili.com/9ad285eb-7177-4b05-9677-b3fb593a3518"
            playsinline="" width="206" height="516"
            style="object-fit: cover; height: 516.129px; width: 206.452px; transform: translate(-722.581px, 0px) rotate(0deg) scale(1); opacity: 1;"
            data-height="500" data-width="200"></video></div>
</div>